@charset "utf-8";
@import '../../Sassproject/scss/model-beta';
@import "theme";
//$themeColor: #B54009;
//$fontColor: #fff;
//$hoverColor: #eb7036;

.detail{
	width: 1100px;
	margin: 50px auto;
	padding: 50px;
	background-image: url('/images/alpha.png');
	.pic_wall{
		display: inline-block;
		vertical-align: top;
		width: 300px;
		.bigbox{
			width:280px;
			height: 280px;
			margin: 0 10px;
			overflow: hidden;
			.box{
				@include breakLine;
				height: 100%;
			}
			img{
				width: 280px;
				height: 280px;
				display: inline-block;
				vertical-align: top;
			}
		}
		.smallbox{
			width: 300px;
			margin-top: 20px;
			@include breakLine;
			img{
				width: 40px;
				height: 40px;
				margin: 0 10px;
				cursor: pointer;
			}
		}
	}
	.text{
		display: inline-block;
		margin-left: 50px;
		width: 750px;
		.title{
			font-size: 24px;
			font-weight: lighter;
			@include Line(1);
		}
		.intro{
			width: 100%;
			margin-top: 10px;
			color: #999;
			@include newLine;
		}
		.price{
			color: #f00;
			margin-top: 10px;
			span{
				font-size: 18px;
			}
		}
		.num{
			margin-top: 10px;
		}
		.add{
			margin-top: 10px;			
			small,numbercut,numberadd{
				height: 30px!important;
			}
			input{
				line-height: 30px!important;
				height: 30px!important;
				border: 0;
			}
			button.disabled{
				background-color: red;
			}
		}
		.share{
			margin-top: 10px;
		}
		.con{
			margin-top: 10px;
			.icon-star,.icon-star2,.icon-star3{
				color: black;
				&:before{
					padding-right: 5px;
				}
			}
		}
		.qrcode{
			margin-top: 10px;
			input{
				margin-bottom: 10px;
			}
		}
	}
	.goodscontent{
		padding: 0 10px;
		margin-top: 10px;
		img,video,embed{
			display: block;
			margin: 10px auto;
		}
	}
}